<template>
  <div>
    <div class="page-pagination">
      <el-select v-model="pageLimitCurrent" placeholder="请选择" size="mini">
        <el-option
          v-for="item in pageLimit"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <el-pagination background layout="prev, pager, next" :total="1000">
      </el-pagination>
    </div>
  </div>
</template>

<script>
export default {
  props: [],
  data() {
    return {
      pageLimitCurrent: 0,
      pageLimit: [
        {
          value: 0,
          label: "10条/页",
        },{
          value: 1,
          label: "20条/页",
        },
        {
          value: 2,
          label: "30条/页",
        },
      ],
    };
  },
};
</script>

<style scoped>
.page-pagination {
  padding: 10px 0px;
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}

>>> .el-pagination {
  padding-right: 0px;
}
</style>
